<div id="barInfo">
  <div id="bar-profile">
    

		  <div data-role="collapsible" data-collapsed="false" data-theme='q' data-content-theme='j'>
		    <h3>{{ barSelected.name }}</h3>
		    <p>
		      <img src="/media/images/bars/{{ barSelected.picturePath }}"
              id="imageBar" class="imageBar" />
          <b>{{ barSelected.address }}</b><br/>
          {{ barSelected.description }}
        </p>
        <br/><br/>
        <a data-theme="g" href="useDeal()" data-role="button">Utiliser un coupon</a>
        <br/>
        <a data-theme="g" href="/profile" data-role="button">Acheter un coupon</a>
		  </div>
		  
		  <div data-role="collapsible" data-collapsed="false" data-theme='q' data-content-theme='j'>
        <h3>Cupons en cours dans ce bar</h3>
         <p>
           <div id='dealsUsedCurrentBarView'></div>
         <p/>
        </div>

		  

    <input type='hidden' id="idBar" value="{{ barSelected.id }}"/>
	</div>
	<script type="text/javascript">
  	var useDealButton = new BeerButton2();
    useDealButton.height = 237;
    useDealButton.width = 80;
    useDealButton.initialize('useDeal');
	</script>

</div>